import React,{Component} from 'react';
import Adaptive from '../component/adaptive/Adaptive';
import Header from '../system/header/Header';
import Footer from '../component/footer/Footer';
import FooterMobile from '../component/footer-mobile/FooterMobile';
import List from '../system/list/List';
import Lang from './Lang.json';
import Source from './source/Source';
import queryString from 'query-string';
const prefix = 'contact-us';
class Contact extends Component{
    render(){
        let page = queryString.parse(this.props.location.search).page;
        return(
            <div className={prefix}>
                <Header refName="contact" childNodes="contact-a" imgUrl={require('./img/contact.jpg')} mobileImg={require('./img/mobile.jpg')}/>
                <Adaptive desktop={<List list={Lang} Source={Source} listPosition="right"/>} phone={Source[page?page:0]} size={1200}/>
                <Adaptive desktop={<Footer/>} phone={<FooterMobile/>} size={1200}/>
            </div>
        )
    }
}
export default Contact;